<script>
  export let size = "1em";
  export let color = "currentColor";
  export let className = "";
</script>

<svg
  height={size}
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
  class={className}
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM8.84383 7.27248C8.7462 7.17485 8.58791 7.17485 8.49027 7.27248L7.27248 8.49027C7.17485 8.58791 7.17485 8.7462 7.27248 8.84383L10.2523 11.8236C10.3499 11.9212 10.3499 12.0795 10.2523 12.1772L7.27248 15.1569C7.17485 15.2546 7.17485 15.4129 7.27248 15.5105L8.49027 16.7283C8.58791 16.8259 8.7462 16.8259 8.84383 16.7283L11.8236 13.7485C11.9212 13.6509 12.0795 13.6509 12.1772 13.7485L15.1569 16.7283C15.2546 16.8259 15.4129 16.8259 15.5105 16.7283L16.7283 15.5105C16.8259 15.4129 16.8259 15.2546 16.7283 15.1569L13.7485 12.1772C13.6509 12.0795 13.6509 11.9212 13.7485 11.8236L16.7283 8.84383C16.8259 8.7462 16.8259 8.58791 16.7283 8.49027L15.5105 7.27248C15.4129 7.17485 15.2546 7.17485 15.1569 7.27248L12.1772 10.2523C12.0795 10.3499 11.9212 10.3499 11.8236 10.2523L8.84383 7.27248Z"
    fill={color}
  />
</svg>
